<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title></title>
    <link rel="stylesheet" href="../css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="../css/公共.min.css" />
    <link rel="stylesheet" href="../css/detail.min.css" />
    <script src="../js/pubicl.js"></script>
  </head>

  <body>
    <!-- 头部 -->
    <header>
      <div class="header">
        <div class="left">
          <img src="../images/index/logo.jpg" alt="" class="logo" />
        </div>
        <div class="right">
          <img src="../images/index/my.jpg" alt="" class="my" />
          <img src="../images/index/xiazai.jpg" alt="" />
        </div>
      </div>
    </header>
    <!-- 主体 -->
    <main>
      <!-- 轮播图 -->
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="../images/SecondHandList/img.png" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="../images/SecondHandList/img.png" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="../images/SecondHandList/img.png" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="../images/SecondHandList/img.png" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="../images/SecondHandList/img.png" alt="" />
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>
      <div class="main-1">
        <div class="main-1-1">天鹅湾小区精装两居，满五唯一，业主换房急售</div>
        <div class="main-1-2">
          <p>
            <span>576</span>
            <span>万元(单价: 46327元/平)</span>
          </p>
          <img src="../images/SecondHandList/phone.png" alt="" />
        </div>
        <div class="main-1-3">挂牌时间2015年6月20日</div>
        <div class="main-1-4">
          <p><span>学区房</span></p>
          <p><span>独家</span></p>
          <p><span>满五唯一</span></p>
        </div>
      </div>
      <div class="main-2">
        <div class="main-2-1">
          <p>户型：3室2厅</p>
          <p>面积：100平</p>
        </div>
        <div class="main-2-1">
          <p>楼层：中楼层</p>
          <p>朝向：西南</p>
        </div>
        <div class="main-2-1">
          <p>装修：精装</p>
          <p>楼型：塔楼</p>
        </div>
        <div class="main-2-1">
          <p>年代：2004年</p>
          <p>区域：西二旗</p>
        </div>
        <div class="main-2-1">
          <p>首付：123万</p>
          <p>月供：15683元</p>
        </div>
        <div class="main-2-1">地铁：离西二旗地铁站800米</div>
        <div class="main-2-1">小区：珠江帝景</div>
        <div class="main-2-1">学校：北京市第二实验小学</div>
        <div class="main-2-2">更多房源信息</div>
      </div>
      <div class="main-3">
        <div class="main-3-1">房源特色</div>
        <div class="main-3-2">
          <p>
            小区环境优雅，虽处闹市中(小区南200米有美廉美超市、西30米有华联商场、星美国际影城、东北角就是大中电器、小区东100米有汇佳幼儿园、
            昌平实验 一 小，昆泰国际大酒...
          </p>
        </div>
        <div class="main-3-3">更多特色</div>
      </div>
      <div class="main-4">
        <div class="main-4-1">户型分间</div>
        <div class="main-4-2">
          <img src="../images/SecondHandList/img4.png" alt="" />
          <div class="main-4-01">
            <p>当前格局</p>
            <p>分间信息：客厅25平米，南北通透</p>
            <div class="main-4-02">
              <p><span> 南北通透 </span></p>
              <p><span> 全明格局 </span></p>
            </div>
          </div>
        </div>
        <div class="main-4-3">
          <img src="../images/SecondHandList/img5.png" alt="" />
          <div class="main-4-01">
            <p>当前格局</p>
            <p>分间信息：客厅25平米，南北通透</p>
            <div class="main-4-02">
              <p><span> 南北通透 </span></p>
              <p><span> 全明格局 </span></p>
            </div>
          </div>
        </div>
      </div>
      <div class="main-5">
        <div class="main-5-1">对口学校</div>
        <div class="main-5-2">
          <p><span>学校名称：</span><span>北京市第二实验小学</span></p>
          <p><span>升学方式：</span><span>直升、派位</span></p>
          <p><span>对口中学：</span><span>团结湖中学</span></p>
          <p><span>划片小区：</span><span>3个划片小区 在售房源150套</span></p>
          <p><span></span><span></span></p>
        </div>
        <div class="main-5-3">查看学校情况</div>
      </div>
      <div class="main-6">
        <div class="main-6-1">位置及周边</div>
        <img src="../images/SecondHandList/map.png" alt="" />
      </div>
      <div class="main-7">
        <div class="main-7-1">推荐房源</div>
        <div class="main-7-2">
          <div class="main-7-01">
            <img src="../images/SecondHandList/img6.png" alt="" />
            <div class="main-right">
              <h1>文化部中间层 一层带...</h1>
              <div class="main-right-1">
                <p>2室1厅96㎡南北</p>
                <p>1125万</p>
              </div>
              <div class="main-right-2">
                <p>红庙北里</p>
                <p>14268元/平</p>
              </div>
              <div class="main-right-3">
                <p><span>学区房</span></p>
              </div>
            </div>
          </div>
          <div class="main-7-02">
            <div class="sanjiao"></div>
            <div class="cause">推荐理由：同户型、通风好、采光好</div>
          </div>
        </div>
        <div class="main-7-2">
          <div class="main-7-01">
            <img src="../images/SecondHandList/img7.png" alt="" />
            <div class="main-right">
              <h1>光大水墨 精装复式...</h1>
              <div class="main-right-1">
                <p>2室1厅96㎡南北</p>
                <p>280万</p>
              </div>
              <div class="main-right-2">
                <p>红庙北里</p>
                <p>14268元/平</p>
              </div>
              <div class="main-right-3">
                <p><span>学区房</span></p>
              </div>
            </div>
          </div>
          <div class="main-7-02">
            <div class="sanjiao"></div>
            <div class="cause">推荐理由：同户型、通风好、采光好</div>
          </div>
        </div>
      </div>
    </main>
    <!-- 底部 -->
    <footer>
      <div class="footer-1">北京找房无忧&gt;首页</div>
      <div class="footer-2">
        <div class="footer-left">
          <img src="../images/index/apple.png" alt="" />
          <span>iPone<br />客户端</span>
        </div>
        <div class="footer-right">
          <img src="../images/index/android.png" alt="" />
          <span>Android<br />客户端</span>
        </div>
      </div>
      <div class="footer-3">
        <p>北京找房无忧房地产经纪公司</p>
        <p>网络经营许可证京ICP备20160812号</p>
      </div>
    </footer>
    <div class="broker">
      <div class="broker-1">
        <img src="../images/SecondHandList/user.png" alt="" />
        <p>联系经纪人</p>
      </div>
      <div class="broker-2">
        <img src="../images/SecondHandList/xin.png" alt="" />
        <p>关注</p>
      </div>
    </div>
  </body>
  <script src="../js/swiper-bundle.min.js"></script>
  <script>
    var mySwiper = new Swiper('.swiper', {
      loop: true, // 循环模式选项
      autoplay: true,

      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
        type: 'fraction',
      },
    });
  </script>
</html>
